<template>
	<!--会员卡-->
	<view class="vip" @click="goToListLink()">
		<view class="vip-status">
			<text class="iconfont">&#xe6ae;</text>
			<text class="vip-desc">尊享会员权益</text>
		</view>
		<view class="vip-type">
			<text>畅享多种会员卡型</text>
			<text class="iconfont">&#xe62f;</text>
		</view>
	</view>
	<!--会员卡 END-->
</template>

<script>
	export default {
		name: 'Member',
		props: {
			title: {
				type: String,
				default: '会员服务'
			},
			type: {
				type: String,
				default: 'member',
			},
			config: {
				type: Object,
				default: {}
			}
		},
		data() {
			return {
				
			}
		},
		created() {
			
		},
		methods: {
			goToListLink: function(){
				let url = '../../pages/member/list'
				console.log(url)
				//指定跳转地址
				uni.navigateTo({
				    url: url
				});
			}
		}
	}
</script>

<style lang="scss">
	// 会员卡
	.vip{
		position: relative;
		margin: 20rpx;
		height: 100rpx;
		background: #232837;
		border-radius: 13rpx;
		display: flex;
		line-height: 100rpx;
		padding: 0 27rpx 0 20rpx;
		z-index: 10;
		box-shadow: 0 2rpx 4rpx rgba(0,0,0,.05);
		.vip-status{
			.iconfont{
			background-image:-webkit-linear-gradient(left,#f2dbc1,#F7c19e);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			font-size: 30rpx;
			}
			.vip-desc{
				font-size: 30rpx;
				padding-left: 15rpx;
				background-image:-webkit-linear-gradient(left,#f2dbc1,#F7c19e);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
			}
		}
		.vip-type{
			font-size: 24rpx;
			margin-left: auto;
			background-image:-webkit-linear-gradient(left,#f2dbc1,#F7c19e);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			.iconfont{
				font-size: 22rpx;
				padding-left:15rpx ;
				color: #f2dbc1;
			}
		}
	}

</style>
